<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>数据结果</title>
<script type="text/javascript"
	src="<c:url value="/js/jquery-easyui-1.5.5.6/jquery.min.js"/>"></script>
<script type="text/javascript"
	src="<c:url value="/js/jquery-easyui-1.5.5.6/jquery.easyui.min.js"/>"></script>
<script type="text/javascript"
	src="<c:url value="/js/jquery-easyui-1.5.5.6/locale/easyui-lang-zh_CN.js"/>"></script>
<link rel="stylesheet" type="text/css"
	href="<c:url value="/js/jquery-easyui-1.5.5.6/themes/default/easyui.css"/>" />
<link rel="stylesheet" type="text/css"
	href="<c:url value="/js/jquery-easyui-1.5.5.6/themes/icon.css"/>" />
</head>
<style type="text/css">
* {
	font-size: 13px;
}
</style>
<body>
	<!-- <style>
		*{
			margin:0px auto;
			padding:0px;
			font-size:13px;
		}
		
	</style> -->
	<script type="text/javascript">
		$(function() {
			$("#clear").linkbutton({
				onClick : function() {
					$("#textbox_value").textbox("clear");
				}
			});

			$("#more").linkbutton({
				onClick : function() {
					$("#win1").dialog("open");
				}
			});

			/*xxx 
			$("#tables").datagrid({
				onClick:function(){
					var a=$("#tables").datagrid("getSelected");
					alert(a)
				}
			}); */

			$('#tables_a_res').datagrid({
				onDblClickCell : function(index, field, value) {
					$(this).datagrid('beginEdit', index);
					var ed = $(this).datagrid('getEditor', {
						index : index,
						field : field
					});
					var a = $(ed.target).focus();

				}
			});

		});
	</script>
	<div style="width: 50%; weight: bold; padding-bottom: 5px;">参数设置</div>
	<div style="background: blue; height: 2px; width: 50%;"></div>
	<div style="width: 50%;">
		<table cellspacing="2px">
			<tr>
				<td><span style="color: red;">*</span>期间</td>
				<td><input style="height: 30px;" class="easyui-textbox"
					id="textbox_value"> <a class="easyui-linkbutton"
					data-options="iconCls:'icon-clear'" id="clear"></a> <a
					class="easyui-linkbutton" data-options="iconCls:'icon-more'"
					id="more"></a></td>
			</tr>
			<tr>
				<td><span style="color: red;">*</span>日期范围 从</td>
				<td><input class="easyui-datebox"> <span
					style="color: red;">*</span>到 <input class="easyui-datebox">
				</td>
			</tr>
			<tr>
				<td><span style="color: red;">&nbsp;</span>班组</td>
				<td><select id="cc" class="easyui-combobox" name="dept"
					style="width: 200px;" data-options="panelHeight:'auto'">
						<option value="aa">aitem1</option>
						<option>bitem2</option>
						<option>bitem3</option>
						<option>ditem4</option>
						<option>eitem5</option>
				</select></td>
			</tr>
			<tr>
				<td><span style="color: red;">&nbsp;</span>组织</td>
				<td><input input style="height: 30px;" class="easyui-textbox">
					<a class="easyui-linkbutton" data-options="iconCls:'icon-more'"></a>
					<input input style="height: 30px;" class="easyui-textbox">
				</td>
			</tr>
			<tr>
				<td><span style="color: red;">&nbsp;</span>职位</td>
				<td><input input style="height: 30px;" class="easyui-textbox">
					<a class="easyui-linkbutton" data-options="iconCls:'icon-more'"></a>
					<input input style="height: 30px;" class="easyui-textbox">
				</td>
			</tr>
			<tr>
				<td><span style="color: red;">&nbsp;</span>部门</td>
				<td><select id="cc" class="easyui-combobox" name=""
					style="width: 200px;" data-options="panelHeight:'auto'">
						<option value="aa">aitem1</option>
						<option>bitem2</option>
						<option>bitem3</option>
						<option>ditem4</option>
						<option>eitem5</option>
				</select></td>
			</tr>
			<tr>
				<td><span style="color: red;">&nbsp;</span>员工 从</td>
				<td><input input style="height: 30px;" class="easyui-textbox">
					<a class="easyui-linkbutton" data-options="iconCls:'icon-more'"></a>
					<input input style="height: 30px;" class="easyui-textbox">
				</td>

			</tr>

			<tr>
				<td><span style="color: red;">&nbsp;</span>到</td>
				<td><input input style="height: 30px;" class="easyui-textbox">
					<a class="easyui-linkbutton" data-options="iconCls:'icon-more'"></a>
					<input input style="height: 30px;" class="easyui-textbox">
				</td>

			</tr>
		</table>
	</div>


	<!--dialog1-->
	<div id="win1" class="easyui-dialog"
		data-options="width:500,
					height:450,
					title:'清单查找',
					modal:true,
					closed:true,
					buttons:[{
				text:'保存',
				handler:function(){
				
				}
			},{
				text:'关闭',
				handler:function(){
					$('#win1').dialog('close');
				}
			}]">

		<table id="tables_a_res_1" class="easyui-datagrid"
			data-options="
		pagination:true,
		pageSize:1,
		pageList:[1,2,3,4,5],
		url:'',
		method:'get',
		fitColumns:true,
		fit:true,
		nowrap:false,
		autoRowHeight:true,
		rownumbers:true,
		singleSelect:true,
		striped:true
	">
			<thead>
				<tr>
					<th data-options="field:'a',width:50">组织编号</th>
					<th data-options="field:'b',width:50">组织名称</th>
				</tr>
			</thead>
			<tbody>
				<tr>
					<td name="name">001</td>
					<td>名称1</td>
				</tr>
				<tr>
					<td>001</td>
					<td>名称1</td>
				</tr>
			</tbody>
		</table>
	</div>
</body>
</html>